/**
 * 函数： AJax参数配置与异步请求
 * （闭包）
 **/
function AsyncOperation() {
    var opt = {};
    var urlPath = "http://localhost:8080/AJaxWebDemo/tips";
    var method = "GET";
    /**
     * 重置异步请求参数
     */
    opt.init = function(targetUrl) {
        urlPath = targetUrl;
        method = "GET";
    }
    /**
     * 添加第一个get请求参数
     */
    opt.firstGetParam = function(key, value) {
        urlPath = urlPath + "?" + key + "=" + value;
    }
    /**
     * 后续追加新的get请求参数
     */
    opt.nextGetParam = function(key, value) {
        urlPath = urlPath + "&" + key + "=" + value;
    }
    /**
     * 设置请求类型，默认为GET
     */
    opt.setMethod = function(mName) {
        method = mName;
    }

    opt.sendAndDeal = function(view, updateViewFunc) {
        $.ajax({
            type: "GET",
            url: urlPath,
            contentType: "application/json",
            dataType: "json"
        }).done(function(msg) {
            updateViewFunc(view, msg);
        });
    }
    return opt;
}

/**
 * 函数： 对目标列表进行数据填充
 */
function appendUI(view, data) {
    view.empty();
    data.forEach((item) =>{
        view.append($("<li></li>").text(item.area));
    });
}